<script setup>
import WebHeader from '@/pages/webPages/webHeader.vue'
import WebContent from '@/pages/webPages/webContent.vue'
import WebFooter from '@/pages/webPages/webFooter.vue'
</script>

<template>
  <div class="webContainer">
    <WebHeader></WebHeader>
    <WebContent></WebContent>
    <WebFooter></WebFooter>
  </div>
</template>

<style>
.webContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--bgcolor);
  color: var(--txcolor);
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  user-select: none;
}
</style>